@{
    ViewData["Title"] = "首页";
}

<div class="container mt-4">
    <div class="row justify-content-between align-items-center">
        <div class="col-md-6">
            <h2 class="text-success">欢迎来到ICU系统</h2>
        </div>
        <div class="col-md-6 text-end">
            <div class="user-info">
                <span class="me-3">欢迎，@ViewBag.UserName</span>
                <a href="@Url.Action("Logout", "Login")" class="btn btn-outline-danger">退出登录</a>
            </div>
        </div>
    </div>

    <div class="row mt-5">
        <div class="col-md-12">
            <div class="jumbotron bg-light p-5 rounded">
                <h1 class="display-4">ICU管理系统</h1>
                <p class="lead">专业的重症监护信息管理系统</p>
                <hr class="my-4">
                <p>提供护士信息管理、患者监护、医疗记录等全方位服务。</p>
                <a class="btn btn-primary btn-lg" href="#" role="button">开始使用</a>
            </div>
        </div>
    </div>

    <div class="row mt-4">
        <div class="col-md-4">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">护士管理</h5>
                    <p class="card-text">管理系统中的所有护士信息，包括个人信息、排班等。</p>
                    <a href="#" class="btn btn-success">进入管理</a>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">患者监护</h5>
                    <p class="card-text">实时监护患者生命体征，记录护理操作和医嘱执行。</p>
                    <a href="#" class="btn btn-success">进入监护</a>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">医疗记录</h5>
                    <p class="card-text">管理患者的病历、检查报告、手术记录等医疗文档。</p>
                    <a href="#" class="btn btn-success">进入记录</a>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    .user-info {
        background: #f8f9fa;
        padding: 10px 15px;
        border-radius: 5px;
        display: inline-block;
    }

    .jumbotron {
        background: linear-gradient(135deg, #e8f5e8, #d4edda);
    }
</style>
